<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script>
        $(function(){
            //偶数行选择器
            $("li:even").css("background","red");

            //奇数行选择器
            $("li:odd").css("background","pink");

            //相等选择器
            $("li:eq(3)").css("font-size","20px");
        })
    </script>
</head>
<body>
 <ul>
     <li>这是第1个li元素</li>
     <li>这是第2个li元素</li>
     <li>这是第3个li元素</li>
     <li>这是第4个li元素</li>
     <li>这是第5个li元素</li>
     <li>这是第6个li元素</li>
     <li>这是第7个li元素</li>
     <li>这是第8个li元素</li>
 </ul>
</body>
</html>